<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>演员排名</title>
<style>
*{padding:0;margin:0;font-family: '黑体';}
html,body{padding:0;margin:0;background: #bb171e ;}
.bg{
    background:url('images/bg8.jpg') top center no-repeat;
    margin:0 auto;
    width:1600px;
    height: 900px;
    overflow: hidden;
}
.bg h1{text-align: center;color:#ed3d34;font-size: 32px;font-weight: bold;}
.bg table{
    width:1150px;
    margin:10px auto 0;
    border-top:1px solid #dcc0b5;
    
}
.bg table tr td{
    height: 55px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    border:none;
    border-bottom:1px solid #dcc0b5;
    
}
.dark td{
    background:url('images/bg5.jpg');
	text-align:center;
}


.gray{color:#714230;display: block;font-size: 28px;font-weight: bold;margin-bottom:65px;}
.mg1{
    margin-top: 235px;
}
.mg2{
    margin-top: 30px;
}
.btn{
    background: url("images/btn5.png") top center no-repeat;
    display: inline-block;
    width: 187px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    color: #fff;
	font-size:16px;
	margin-bottom:25px;
}
.pic{
	width:175px;
	height:230px;
	border:5px solid #fff;
	background:red;
	margin: 70px 0 25px;
	clear:both;
}

</style>
</head>
<body>
<div class="bg">
<h1 class="mg1"><img src="images/yanyuan.png" alt="演员排名"/></h1>

<table class="table2" border="0" cellspacing="0" cellpadding="0">
    <tr class="dark">
        
        <td style="width:33%;">
			<p><img class="pic" src="images/demo.jpg" alt=""/></p>
			<p class="btn">第一名：800票</p>
            <p class="gray">演员名字</p>
        </td>
		<td style="width:33%;">
			<p><img class="pic" src="images/demo.jpg" alt=""/></p>
			<p class="btn">第二名：600票</p>
            <p class="gray">演员名字</p>
        </td>
		<td style="width:33%;">
			<p><img class="pic" src="images/demo.jpg" alt=""/></p>
			<p class="btn">第三名：400票</p>
            <p class="gray">演员名字</p>
        </td>
		
		
    </tr>

</table>

</div>
</body>
</html>